<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>课程专辑</title>
        <link rel="stylesheet" href="../css/frozen.css">
        <link rel="stylesheet" href="../css/public.css">
        <script src="../lib/zepto.min.js"></script>
        <script src="../js/frozen.js"></script>
        <style type="text/css">
            .ui-row-flex{background-color: #fff;}
            .ui-row-flex .ui-col{
                background: none;
                border: none;
            }
            .ui-row-flex .ui-col h5{font-size: 12px;color: #9e9e9e;}           
            
            .ui-container .ui-item-list{margin: 10px 0;}

            .ui-container .ui-item-list .ui-less-title{font-size: 14px;color: #5f5f5f;}   
            .ui-container .ui-item-list .ui-less-desc{font-size: 12px;color: #bbb;margin-top: 10px;}
            .ui-container .ui-item-list .ui-list-img span{border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
        </style>
    </head>
    
    <body ontouchstart>
        <!-- <header class="ui-header ui-header-positive ui-border-b">
            <h1>课程分类</h1>
        </header> -->
        <!-- <footer class="ui-footer ui-footer-btn">
            <ul class="ui-tiled ui-border-t">
                <li data-href="lessonTypes.html" >
                    <div class="ui-title-img"><img src="../img/footerTypeSel.png"  /></div>
                    <div class="ui-title-name ui-menu-current">课程分类</div>
                </li>
                <li data-href="lessonQuestion.html" >
                    <div class="ui-title-img"><img src="../img/footerTeacher.png"  /></div>
                    <div class="ui-title-name">咨询老师</div>
                </li>
                <li data-href="index.html" class="ui-menu-index">
                    <div class="ui-title-img"><img src="../img/menuIndex.png"  /></div>
                </li>
                <li data-href="lessonMoney.html">
                    <div class="ui-title-img ui-img-money"><img src="../img/footerMoney.png"  /></div>
                    <div class="ui-title-name">奖学金</div>
                </li>
                <li data-href="userCenter.html">
                    <div class="ui-title-img"><img src="../img/footerUser.png"  /></div>
                    <div class="ui-title-name">个人中心</div>
                </li>
            </ul>
        </footer> -->
        <section class="ui-container">
           
            <!-- <div class="ui-lessonType">
                <div class="ui-row-flex">
                    <div class="ui-col ui-col">
                        <div><span class="lessonType lessonTypeCurr1"></span></div>
                        <h5>职场提升</h5>
                    </div>
                    <div class="ui-col ui-col">
                        <div><span class="lessonType lessonType2"></span></div>
                        <h5>创新营销</h5>
                    </div>
                    <div class="ui-col ui-col">
                        <div><span class="lessonType lessonType3"></span></div>
                        <h5>创业之路</h5>
                    </div>
                    <div class="ui-col ui-col">
                        <div><span class="lessonType lessonType4"></span></div>
                        <h5>个人提升</h5>
                    </div>
                    <div class="ui-col ui-col">
                        <div><span class="lessonType lessonType5"></span></div>
                        <h5>兴趣爱好</h5>
                    </div>
                </div>
                
            </div> -->
            
            <div class="demo-block ui-item-list">
                
                <ul class="ui-list ui-list-link ui-border-tb">
                    <li class="ui-border-t">
                        <div class="ui-list-img">
                            <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                        </div>
                        <div class="ui-list-info">
                            <h4 class="ui-nowrap ui-less-title">半个小时PPT逆袭之路</h4>
                            <p class="ui-nowrap ui-less-desc">老师:  高兴</p>
                        </div>
                    </li>
                    <li class="ui-border-t">
                        <div class="ui-list-img">
                            <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                        </div>
                        <div class="ui-list-info">
                            <h4 class="ui-nowrap ui-less-title">半个小时PPT逆袭之路</h4>
                            <p class="ui-nowrap ui-less-desc">老师:  高兴</p>
                        </div>
                    </li>
                </ul>
                <div class="ui-loading-wrap">
                    <p>加载中</p>
                    <i class="ui-loading"></i>
                </div>

            </div>           

        </section><!-- /.ui-container-->
        <script>
        $('.ui-list li,.ui-tiled li').click(function(){
            if($(this).data('href')){
                location.href= $(this).data('href');
            }
        });

        Zepto(function($){
            
            $('.ui-list-link').on('click','li',function(){
                location.href = "lessonContents.html?id=1028";
            });

            var params = {'enable':true,'herald':false,'setId':BWK.UrlParams.id};

            BWK.api.lesson.lesson(params,function(data){
                var dealObj = data.content||[];
                _dealImgList(dealObj);
            }); 


        });

        
        </script>
    </body>
</html>